<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/my-dataListUI.css">
    <link rel="stylesheet" href="css/dataDetail.css">
    <link rel="shortCut icon" href="./SheYi.ico"/>
    <title>房源详情</title>
    <style>
        #layout {
            background-color: #F5F5F5;
        }
        #topbar {
            position: fixed;
            left:0;
        }
        b {
            font-weight:normal;
            font-style: normal;
        }
        #publishTitle{
            margin:0 auto;
            width:80%;
            display:block;
            white-space:nowrap;
            overflow:hidden; 
            text-overflow:ellipsis;
        }
        #detail-info>.detail-list>.villageAddress,#detail-info>.detail-list>li>.villageAddress{
            height: auto;
            line-height: .6rem;
        }
        .village-name{
            width:2rem;
            display: block;
            white-space:nowrap; 
            overflow:hidden; 
            text-overflow:ellipsis;
            position: absolute;
            top: 50%;
            left: 40%;
            transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
        }

    </style>
</head>
<body>
<div id="layout">
    <header id="header">
        <div id="topbar">
            <a class="back" href="javascript:;"></a>
            <h1 id="title">------</h1>
        </div>
    </header>
    <main id="main">
        <section class="slider-panel">
            <ul class="slider clearfix" id="detail-images"></ul>
            <ol class="counting clearfix"></ol>
        </section>
        <section id="summary">
            <ul class="summary-info clearfix">
                <li><label class="sub-title">售价</label><br><b><span id="totalCost">--</span>万</b></li>
                <li><label class="sub-title">户型</label><br><b><span id="houseType"></b></li>
                <li><label class="sub-title">面积</label><br><b><span id="size">61</span>m²</b></li>
            </ul>
        </section>
        <section id="detail-info">
            <ul class="detail-list">
                <li><b style="font-size: .4rem">房屋信息</b></li>
                 <li class="double-item">
                    <div><b>楼层&nbsp;:&nbsp;</b><ins><span id="currentFloor">--</span>/<span id="floors">--</span>层</ins></div>
                    <div><b>朝向&nbsp;:&nbsp;</b><ins id="houseDirection">---</ins></div>
                </li>
                <li class="double-item">
                    <div><b>装修&nbsp;:&nbsp;</b><ins id="decorateType">---------</ins></div>
                    <div><b>年代&nbsp;:&nbsp;</b><ins id="villageBuilderDate">--</ins></div>
                </li>
                <li><div><b>配套设施：</b><ins id="">暂无</ins></div></li>
                <li><b style="font-size: .4rem">小区信息</b></li>
                <li class="double-item">
                    <div style="position: relative;"><b>小区名称&nbsp;:&nbsp;</b><ins id="villageName" class="village-name">----</ins></div>
                    <div><b>本月均价&nbsp;:&nbsp;</b><ins id="housePropertyRight">暂无</ins></div>
                </li>
                <li><div><b>物业类型&nbsp;:&nbsp;</b><ins id="villageName">暂无</ins></div></li>
                <li><div><b>物业公司&nbsp;:&nbsp;</b><ins id="villageName">暂无</ins></div></li>
                <li class="villageAddress"><div class="villageAddress"><b>小区地址&nbsp;:&nbsp;</b><ins id="cityAreaName">-------</ins><ins id="streetAddress">-------</ins></div></li>
            </ul>
        </section>
    </main>
    <div id="dialog" class="mask-hide"></div>
</div>
</body>
<script src="plugins/jquery.min.js"></script>
<script src="js/common.js"></script>
<script type="text/javascript" src="js/testCookieLogin.js"></script>
<script type="text/javascript" src="js/historyControl.js"></script>
<script src="js/dataDetail.js"></script>
</html>